<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <link href="<%= BASE_URL %>home.css" rel="stylesheet" type="text/css">
    <title><%= webpackConfig.name %></title>
  </head>
  <body>
    <!--<div id="app"></div>-->
    <div id="menu" class="hover_animation menu_open" data-mark="false">
      <span></span>
      <span></span>
      <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
      <ul class="point">
        <li><a href="#">首页</a></li>
        <li><a href="article.html">博客</a></li>
        <li><a href="message.html">留言</a></li>
      </ul>
      <div class="logo"><a>Mr.Meng's Blog</a></div>
    </div>
    <div class="section" id="section1">
      <div class="fp-tablecell">
        <div class="page1">
          <div class="nav wow zoomIn" data-wow-duration="2s">
            <h1>萌小妖-Blog</h1>
            <p>只要朝着一个方向努力，一切都会变得得心应手</p>
            <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="article.html">Enter Blog</a>
          </div>
          <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
        </div>
      </div>
    </div>
    <div class="section" id="section2">
      <div class="fp-tablecell">
        <div class="page2">
          <div class="warp-box">
            <div class="new-article">
              <div class="inner wow fadeInDown" data-wow-delay=".2s">
                <h1>博客分类</h1>
                <p>
                  只要朝着一个方向努力
                  <br>一切都会变得得心应手
                </p>
              </div>
            </div>
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
                <div class="single-news">
                  <div class="news-head">
                    <img src="http://www.lzqcode.com/images/java.jpg">
                    <a href="#" class="link"><i class="fa fa-link"></i></a>
                  </div>
                  <div class="news-content">
                    <h4>
                      <a href="#">
                        Java专栏
                      </a>
                    </h4>
                    <div class="date">
                      2020年6月16日
                    </div>
                    <p>
                      本专栏主要分享Java的各种常见问题，包括java学习路线，java基础，框架，微服务，项目，面试题，希望通过这些知识的分享能够提升自己的java水平
                    </p>
                    <a href="#" class="btn">
                      阅读更多
                    </a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
                <div class="single-news">
                  <div class="news-head">
                    <img src="http://www.lzqcode.com/images/web.jpg">
                    <a href="#" class="link"><i class="fa fa-link"></i></a>
                  </div>
                  <div class="news-content">
                    <h4>
                      <a href="#">
                        web前端专栏
                      </a>
                    </h4>
                    <div class="date">
                      2020年6月16日
                    </div>
                    <p>
                      本栏目主要分享关于web前端的学习路线，基础知识，常用框架，面试题，项目等等
                    </p>
                    <a href="#" class="btn">
                      阅读更多
                    </a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
                <div class="single-news">
                  <div class="news-head">
                    <!--<img src="http://www.lzqcode.com/images/dedecms.jpg">-->
                    <a href="#" class="link"><i class="fa fa-link"></i></a>
                  </div>
                  <div class="news-content">
                    <h4>
                      <a href="#">
                        DeDeCMS专栏
                      </a>
                    </h4>
                    <div class="date">
                      2020年6月16日
                    </div>
                    <p>
                      本栏目主要介绍DeDeCMS网站内容管理系统，使用dede常见的问题，常用标签，插件，提供建站帮助
                    </p>
                    <a href="#" class="btn">
                      阅读更多
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section" id="section3">
      <div class="fp-tablecell">
        <div class="page3">
          <div class="warp-box">
            <div class="warp">
              <div class="inner">
                <div class="links">
                  <ul>
                    <li class="wow fadeInLeft"><a href="#">关于</a></li>
                    <li class="wow fadeInRight"><a href="#">+友情链接</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section" id="section4">
      <div class="fp-tablecell">
        <div class="page4">
          <div class="warp-box">
            <div class="about">
              <div class="inner">
                <h1 class="wow fadeInLeft">萌小妖个人博客</h1>
                <p class="wow fadeInRight">
                  一天很短，开心了就笑，不开心了就过会儿再笑。
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer class="footer wow fadeInUp" id="contact">
      <div class="footer-top">
        <div class="container">
          <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
              <div class="single-widget about">
                <div class="footer-logo">
                  <h2>萌小妖个人博客</h2>
                </div>
                <p>世界那么大，我想去看看</p>
                <div class="button">
                  <a href="#" class="btn layui-btn layui-btn-normal">About Me</a>
                </div>
              </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
              <div class="single-widget">
                <h2>相关链接</h2>
                <ul class="social-icon">
                  <li class="active"><a href="#"><i class="fa fa-book"></i>博文</a></li>
                  <li class="active"><a href="#"><i class="fa fa-comments"></i>留言</a></li>
                  <li class="active"><a href="#"><i class="fa fa-share"></i>资源</a></li>
                  <li class="active"><a href="#"><i class="fa fa-snowflake-o"></i>日记</a></li>
                  <li class="active"><a href="#"><i class="fa fa-files-o"></i>归档</a></li>
                </ul>
              </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
              <div class="single-widget contact">
                <h2>联系我</h2>
                <ul class="list">
                  <li><i class="fa fa-map"></i>地址:合肥市瑶海区</li>
                  <li><i class="fa fa-qq"></i>QQ: 2533180457 </li>
                  <li><i class="fa fa-envelope"></i>邮箱: 2533180457@qq.com</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div class="container">
          <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
              <p>Copyright &copy; 2019-2020 萌小妖个人博客 All Rights Reserved V.5.1.3 粤ICP备1231100号</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- built files will be auto injected -->
  </body>
</html>
